
@charset "utf-8";


@function px($px){
    @return (px/2);
}
$fontsize:20;
@function r($px){
    @return $px/$fontsize * 1rem;
}
*{
    list-style: none;
}

.navbar-brand{
  padding-top: 0;
  padding-bottom: 0;
  
}
.navbar{
     border:none;
}
.navbar-brand img{
  vertical-align: middle;
  margin-top: 7px;
}
.navbar-default{
    background: #222;
//  margin-top: -20px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
    background: #080808;
    color: #FFFFFF;
}
.navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
    color: #FFFFFF;
    background-color: transparent ;
}
.box{
    margin-top: 100px;
}
.my-banner{
    padding: 0;
    margin: 0;
    margin-top: -26px;
}
.imgtopz{
    width: 100%;
    margin:0;
    padding: 0;

}
.imgtop{
    width: 100%;
    margin:0;
    padding: 0;

}
.imgtop img{
    width: 100%;
    margin: 0;
    padding: 0;

}

.box55{
    padding-bottom: 100px;
}
.time{
    height: 100px;
    margin-top: 30px;
    overflow: hidden;
}
.colbox2 h2{
    margin-top: -10px;
    padding-left: 10px;
}
.colbox2 p{
    padding-left: 10px;
}
.yala span{
    overflow: hidden;
}
.col-sm-5 img{
    margin: 0 auto;
}
.p1{
    text-align: center;
    font-size: 48px;color: white;
}
.lanshe{
    background: #0079d7;
}
.p9{
    color: #8fc31f;
}
.chanpin{
    width: 100%;
    background: #0079d7;
}
.canp{
    margin-top: 50px;
    background: #0079d7;
    color: #FFFFFF;
}
.canph1{
    text-align: center;
}
.canp1{
    height: 115px;
}
.canp2{
    margin-top: 40px;
}
.canp3{
    
}
.canp4{
    margin: 0;
    padding: 0;
}
.img-sytly{
    text-align: center;
}
.img-can img{
    width: 100%;
    margin: 0 auto;
}




.new-top-h1{
    margin-top: 40px;
    h1{
        line-height: 70px;
    }
}
.new-top-img{
    width: 30%;
    float: left;
    a{
        img{
            padding: 2px;
            border: 2px solid #888888;
        }
    }
}
.new-top-img1{
    margin-left: 5%;
    margin-right: 5%;
}

.new-bottom{
    margin-top: 50px;
    .new-bottom-img{
        a{
            img{
            padding: 2px;
            border: 2px solid #888888;
            }
        }
    }
    .new-bottom-h2{
        margin: 0;
        padding: 0;
        h1{
            font-size: 18px;
            color: #ff6900;
            margin: 0;
            padding: 0;
        }
        p{
            font-size: 14px;
        }
    }
    .new-bottom-but{
        width: 100px;
        height: 30px;
        background: #FFFFFF;
        border: 1px solid #FF6900;
        border-radius: 15px;
        color: #FF6900;
        float: right;
    }
    .new-bottom-but:focus{
        width: 100px;
        height: 30px;
        background: #FF6900;
        border: none;
        border-radius: 15px;
        color: #FFFFFF;
    }
}
.chuxian{
    margin-top: 90px;
    border-top: 1px dashed #888888;
}
.new-bottom-l{
    margin-left: 50%;
    margin-bottom: 100px;
    ul{
        
        margin: 0 auto;
        margin-top: 50px;
        text-align: center;
        margin-left: -180px;
        border-radius: 5px;
        li{
        float: left;
        
        a{
            font-size: 12px;
            color: #000000;
            padding: 5px 10px;
            border: 1px solid #888888;
        }
        a:focus{
            font-size: 12px;
            color: #FFFFFF;
            background: red;
            padding: 5px 10px;
            border: 1px solid #888888;
        }
    }
    }
}



.abottom{
    width: 100%;
    background: #3b3b3b;
    .abp{
        font-size: 12px;
        color: #8c8d94;
        margin-bottom: 20px;
        margin-top: 25px;
    }
    .abul{
        margin-top: 30px;
        
        ul{
            li{
                float: left;
                margin-left: 4%;
                margin-right: 4%;
            }
        }
    }
    
}

